<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-07-30 20:02:30
 * @LastEditTime: 2019-08-14 17:08:36
 * @LastEditors: Please set LastEditors
 -->
 <!doctype html>
 <html>
 
 <head>
     <meta charset="utf-8">
     <meta name="viewport"
         content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
     <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
     <title>Hello APP</title>
     <link rel="stylesheet" type="text/css" href="css/vant.css">
     <link rel="stylesheet" type="text/css" href="css/base.css" />
     <script type="text/javascript" src="script/jquery.js"></script>
     <script type="text/javascript" src="script/layer/mobile/layer.js"></script>
     <script type="text/javascript" src="script/vue.min.js"></script>
     <script type="text/javascript" src="script/vant.min.js"></script>
     <script type="text/javascript" src="script/fastclick.js"></script>
     <script type="text/javascript" src="script/base.js"></script>
     <style type="text/css">
         body {
             font: 600 16px/18px;
             color: #6a6f8c;
             background: url(image/login-bg.png) no-repeat;
             background-size: 100% 100%;
         }
 
         .login-content {
             padding: 80px 40px 20px 40px;
             width: 100%;
         }
 
         .login-logo {
             vertical-align: middle;
             padding-bottom: 5px;
         }
 
         .login-logo img {
             width: 70px;
             margin-right: 22px;
         }
 
         .app-name {
             border-bottom: 3px solid #3370ff;
             display: inline-block;
             padding: 5px 0;
             font-size: 22px;
             font-weight: bolder;
             letter-spacing: 2px;
         }
 
         .login-group {
             margin-bottom: 15px;
         }
 
         .login-label {
             color: #aaa;
             font-size: 16px;
             letter-spacing: 4px;
             padding-bottom: 8px;
         }
 
         .login-input {
             border: none;
             padding: 15px 20px;
             border-radius: 5px;
             background: rgba(0, 0, 0, 0.1);
             width: 100%;
             color: #3a3a3a;
             display: block;
             outline: none;
         }
 
 
         .hr {
             height: 2px;
             margin: 0 0 20px 0;
             background: rgba(255, 255, 255, .2);
         }
 
         .foot-lnk {
             text-align: center;
         }
 
         .foot-lnk img {
             width: 14px;
             margin-right: 10px;
             vertical-align: sub;
         }
 
         .foot-lnk a {
             color: inherit;
             text-decoration: none;
             font-size: 12px;
         }
 
         .van-checkbox__icon .van-icon {
             background: rgba(0, 0, 0, 0.1);
         }
     </style>
 </head>
 
 <body>
     <div id="app" v-cloak>
         <div class="login-content" v-cloak>
             <div style="padding: 0 0 35px;text-align: center;">
                 <span class="login-logo">
                     <img src="image/logo.png" />
                     <!-- <img src="image/head_text.png" style="width: 138px;margin:0;" /> -->
                     <span class="app-name">劳伦斯</span>
                 </span>
             </div>
             <div>
                 <div class="login-group">
                     <div class="login-label">手机</div>
                     <div>
                         <input type="text" class="login-input" v-model="formData.P_Name" />
                     </div>
                 </div>
                 <div class="login-group">
                     <div class="login-label">登录密码</div>
                     <div>
                         <input type="password" class="login-input" v-model="formData.P_Password" />
                     </div>
                 </div>

                 <div class="login-group">
                     <van-button color="#3370ff" :disabled="ifConfirm" :loading="ifConfirm" loading-text="数据提交中..." block
                         @click="loginAPP">注&nbsp;&nbsp;&nbsp;&nbsp;册</van-button>
                 </div>
             </div>
         </div>
     </div>
 </body>
 
 <script type="text/javascript">
     var vm;
     apiready = function () {
         //$('.init-full').show();
         
         vm = new Vue({
             el: '#app',
             data: {
                 showLoading: false,
                 formData: {
                     P_Name: '',
                     P_Password: ''
                 },
                 ifConfirm: false
             },
             created: function () {
                 
             },
             methods: {
                 loginAPP:function() {
                     var that = this;
                     if (!that.formData.P_Name) {
                         layer.open({
                             content: '请填写注册手机号',
                             skin: 'msg',
                             time: 2
                         });
                         return false;
                     }
                     if (!that.formData.P_Password) {
                         layer.open({
                             content: '请填写注册密码',
                             skin: 'msg',
                             time: 2
                         });
                         return false;
                     }
                     that.ifConfirm = true;
                     setTimeout(function(){
                        that.ifConfirm = false;
                        layer.open({
                             content: '申请成功,请耐心等待审核!',
                             skin: 'msg',
                             time: 2
                         });
                     },1000)
                 }
             }
         })
     };
 </script>
 
 </html>